<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>千丁容器云</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
	<link rel="stylesheet" href="/static/css/bootstrap.min.css">
        <link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
	<link rel="stylesheet" href="/static/css/ready.css">
	<link rel="stylesheet" href="/static/css/demo.css">
	<link rel="stylesheet" href="/static/dist/sweetalert.css">
	<script src="/static/js/echarts.min.js"></script>
    <style>
        .main-header{
            background-color: #F5FFFA;
        }
        .sidebar{
            background-color: #F5FFFA;
        }
    </style>
</head>
<body>
	<div class="wrapper">
		<div class="main-header">
			<div class="logo-header">
				<a href="/" class="logo">

{#					<img width="149" height="50" src="">#}
				</a>
			</div>
			<nav class="navbar navbar-header navbar-expand-lg">
				<div class="container-fluid">
					<ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
						<li class="nav-item dropdown">
							<a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#" aria-expanded="false"> <img src="/static/img/profile.jpg" alt="user-img" width="36" class="img-circle"><span >{{ user.displayName }}</span></span> </a>
							<ul class="dropdown-menu dropdown-user">
								<li>
									<div class="user-box">
										<div class="u-img"><img src="/static/img/profile.jpg" alt="user"></div>
										<div class="u-text">
											<h4>{{ user.displayName }}</h4>
											<p class="text-muted">{{ user.title }}</p></div>
										</div>
									</li>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="/rbac/reset/"><i class="ti-settings la la-cog"></i>&nbsp;&nbsp;&nbsp;Setting</a>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="/rbac/logout/"><i class="fa fa-power-off"></i>&nbsp;&nbsp;&nbsp;Logout</a>
								</ul>
								<!-- /.dropdown-user -->
							</li>
						</ul>
					</div>
				</nav>
			</div>
			<div class="sidebar">
				<div class="scrollbar-inner sidebar-wrapper">
					<ul class="nav" id="layout-board" data-path="{{ request.path }}">
                        <li class="nav-item">
							<a href="/">
								<i class="la la-bar-chart-o"></i>
								<p>主界面</p>
							</a>
						</li>
                        {% if user.department.id == 3 %}
                            <li class="nav-item">
							<a href="/rbac/users/">
								<i class="la la-user-plus"></i>
								<p>用户管理</p>
							</a>
						</li>
                        {% endif %}
{#                        <li class="nav-item">#}
{#							<a href="/rbac/permssion/">#}
{#								<i class="la la-group"></i>#}
{#								<p>权限管理</p>#}
{#							</a>#}
{#						</li>#}
{#                        <li class="nav-item">#}
{#							<a href="/rbac/roles/">#}
{#								<i class="la la-group"></i>#}
{#								<p>角色管理</p>#}
{#							</a>#}
{#						</li>#}
						<li class="nav-item">
							<a href="/serviceinfo/">
								<i class="la la-share-alt"></i>
								<p>服务管理</p>
							</a>
						</li>
                        <li class="nav-item">
							<a href="/serviceinfo/httpinfo/">
								<i class="la la-h-square"></i>
								<p>NGINX管理</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="main-panel">
				<div class="content">
					<div class="container-fluid">
                        {% block content %}
                        {% endblock %}
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script src="/static/js/core/jquery.3.2.1.min.js"></script>
<script src="/static/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script src="/static/js/core/popper.min.js"></script>
<script src="/static/js/core/bootstrap.min.js"></script>
<script src="/static/js/plugin/chartist/chartist.min.js"></script>
<script src="/static/js/plugin/chartist/plugin/chartist-plugin-tooltip.min.js"></script>
<script src="/static/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
<script src="/static/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js"></script>
<script src="/static/js/plugin/jquery-mapael/jquery.mapael.min.js"></script>
<script src="/static/js/plugin/jquery-mapael/maps/world_countries.min.js"></script>
<script src="/static/js/plugin/chart-circle/circles.min.js"></script>
<script src="/static/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
<script src="/static/js/ready.min.js"></script>
<script src="/static/dist/sweetalert.min.js"></script>
<script src="/static/layout.js"></script>
{#<script src="/static/js/demo.js"></script>#}
{% block jss %}
{% endblock %}
</html>